<template>
    <!--components/popup/index.wxml-->
    <view v-if="isShow" class="tipContainer">
        点击"前往小程序"查看详情
        <image class="image" src="/static/img/icon_circle_sanjiao.png" mode=""></image>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                isShow: false,
            };
        },

        components: {},
        props: {
            backgroundBtn:{
                type: String,
                default: '#F6784C'
            },
            //===分享链接
            title:{
                type: String,
                default: ''
            },
            //===分享图片
            imageUrl:{
                type: String,
                default: ''
            },
        },
        watch: {

        },
        mounted() {
            if (uni.getStorageSync("singlePage")){
                this.isShow = true;
            }
        },
        methods: {

        }
    };
</script>
<style lang="scss">
    /* components/popup/index.wxss */
    .tipContainer{
        height: 80rpx;
        background-image: linear-gradient(90deg, 
            #ff875e 0%, 
            #fe4440 100%);
        box-shadow: 2rpx 3rpx 15rpx 0rpx 
            rgba(0, 0, 0, 0.22);
        border-radius: 10rpx;
        padding: 0 30rpx;
        color: #FFFFFF;
        background-color: #F6784C;
        border-radius: 15rpx;
        line-height: 80rpx;
        text-align: center;
        position: fixed;
        right: 30rpx;
        bottom: 15rpx;
        z-index: 9999;
        font-size: 28rpx;
    }
    .image{
        position: absolute;
        right: 70rpx;
        top: 79rpx;
        width: 25rpx;
        height: 10rpx;
    }
    // .tipContainer::after {
    //     position: absolute;
    //     content: '';
    //     right: 70rpx;
    //     top: 58rpx;
    //     width: 0;
    //     height: 0;
    //     border-width: 15rpx;
    //     border-style: solid;
    //     border-color: #F6784C transparent transparent transparent;
    // }
    // triangle
</style>
